@charset "utf-8";
/**
 * name:        登录/注册
 * author:      wuwq & lyj
 * Time:        18/01/26
 * Copyright:   chinadangmai.com
 */
 .header_t{ width: 100%; height: 150px; border-bottom: #e5e5e5 solid 1px; margin-bottom: 64px;}
.header_bg{ width: 1200px; height: 100%; margin: auto; overflow: hidden;}
.header_bg ul{ width: 100%; height: auto; overflow: hidden; margin-top: 30px;}
#welecome{ font-size: 24px; color: #666666; margin-left: 50px; margin-top: 20px;}
.header_bg .fl_r{ width: 146px; height: 36px; border: #eaeaea solid 1px; border-radius: 3px; line-height: 36px; font-size: 14px; color: #666666;margin-top: 24px;}
.header_bg .fl_r em{ margin-left: 10px; margin-right: 6px;}
.header_bg .fl_r.none{ width: auto; border:0; color: #999;}
.header_bg .fl_r.none a{color: #666;}
.header_bg .fl_r.none a:hover{color: #c91523;}
.login_bg{ width: 640px; height: 440px; margin: auto; border:#f0f0f0 solid 1px;}
.login_title{ width: 364px; margin:0 auto; position: relative; height: 78px; line-height: 78px; font-size: 20px; color: #333333; text-align: center;overflow: hidden;}
.login_title a{ position: absolute; z-index: 1; top:0; right: 0;}
.login_bg ul, .select, .s_login{ width: 365px; height: auto; margin: auto;overflow: hidden;}
.select{ margin-top: -10px;}
.login_bg ul li{line-height: 44px;width: 362px;height: 44px;border: #ccc solid 1px;border-radius: 3px;font-size: 14px;color: #666;margin-bottom: 30px;position: relative}
.login_bg ul li em{width: 104px; line-height: 44px; float: left; text-align: center; font-size: 14px; color: #666666;}
.login_bg ul li input{width: 255px;font-size: 14px;color: #666;height: 44px;border:0;float: left;}
.fl_l{ float: left; font-size: 14px; color: #666666;}
.fl_l input{ margin-right: 3px;display: inline-block; vertical-align: -2px;}
.fl_r{ float: right; font-size: 14px;color: #f10215}
.login_sub{ width: 358px; margin:30px auto;}
#login_sub{width: 358px; font-size: 16px; color: #fff; height: 46px; border:#f10215 solid 1px; cursor: pointer; border-radius: 3px;
    background: -webkit-linear-gradient(90deg, #f45e6a, #f10215); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #f45e6a, #f10215); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #f45e6a, #f10215); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #f45e6a, #f10215); /* 标准的语法 */
    box-shadow: 0 4px 10px rgba(241,2,21,.25);}
#login_sub:hover{background: #c91523;border: #c91523 solid 1px;}
.s_login{ margin-top: 40px;} 
.s_login dd{ width: 33.33333%; float: left; text-align: center; position: relative}
.s_login dd #qqLoginBtn a , .s_login dd #qqLoginBtn{ position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; opacity: 0;}
#wb_connect_btn{ position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; opacity: 0;}
/* 注册 */
.register_bg{ width: 640px; height: auto; margin: auto; border:#f0f0f0 solid 1px; padding-top: 30px;position: relative}
.register_tit{width: 640px; height: auto; margin: auto; overflow: hidden; margin-bottom: -1px; }
.register_tit li{width: 176px; height: 42px; border: #e5e5e5 solid 1px; border-radius: 3px; float: left;text-align: center; line-height: 42px;font-size: 16px;color: #333333; background: #f2f2f2; cursor: pointer; margin-right: 6px;}
.register_tit ul{ overflow: hidden; position: relative; z-index: 1;}
.register_tit li.active{border: #f10215 solid 1px; color: #f10215; background: #fff; border-radius: 0;border-bottom: #fff solid 1px;
    ;}
.register_bg ul{width: 364px; height:auto; margin: auto;}
.register_bg ul li{ line-height: 44px; width: 362px; height: 44px; border:#ccc solid 1px; border-radius: 3px; font-size: 14px; color: #666;  margin-bottom: 30px; position:relative;} 
.register_bg ul li.error_bor, .register_bg ul li.error_bor, .login_bg ul li input.error_bor{border: #f10215 solid 1px;}
.register_bg ul li input{border:0; float: left; height: 40px; margin-top: 2px; font-size: 14px;color: #999;}
.register_bg ul li em{ width: 104px; line-height: 44px; float: left; text-align: center; font-size: 14px; color: #666666;}
.register_bg ul li input[type='text'],.register_bg ul li input[type='password']{ width: 140px;}
.register_bg ul li a{font-size: 12px; color: #333; background: #f2f2f2; border-radius: 3px; display: block; height: 40px;margin-top: 2px; width: 108px; margin-right: 2px; float: right; text-align: center; line-height: 40px; cursor: pointer;}
.error{ display: none; height:20px; line-height: 20px; position: absolute; z-index: 1; bottom: -25px; font-size: 14px; color: #f10215;}
.error_text{width: 360px; height: auto; font-size: 14px; color: #f10215; margin: 4px auto 0 auto;}
/* 登录注册底部 */
.login_foot{ /*position: fixed; */z-index: 1;/* bottom: 0; */width: 100%; height: auto; overflow: hidden; background: #fff;margin-top: 49px;}
.foot_bg{width: 516px; padding: 26px 0; height: auto; overflow: hidden; margin: auto;}
.foot_bg ul{ overflow: hidden;}
.foot_bg li{ width: 128px; text-align: center; float: left; font-size: 16px;  border-right: #999 solid 1px; line-height: 16px;}
.foot_bg li a{color: #999999;}
.foot_bg li:last-child{ border:0;}
.login_foot p{ font-size: 16px; color: #999999; width: 100%; text-align: center; margin-top: 26px;}
/* 定制 */
.purchase_banner{width: 100%; height: auto;}
.purchase_banner img{ width: 100%;}
.purchase_bg{width: 1190px; height: auto; padding: 30px 0; overflow: hidden; background: #fff; margin: 20px auto}
.purchase_left{width: 248px; height: auto; border: #e5e5e5 solid 1px; overflow: hidden; border-radius: 2px;padding-bottom: 10px; float: left;}
.purchase_left dl{ width: 100%; height: auto; overflow: hidden; padding-bottom: 10px;}
.purchase_left dt{ width: 100%; height: 36px; line-height: 36px; background: #f2f2f2; margin-bottom: 20px;}
.purchase_left dt .fl{ margin-left: 20px; font-size: 16px; color: #333;}
.purchase_left dt .fr{ margin-right: 20px; font-size: 12px;}
.purchase_left dt .fr a{ color: #333; border: #e5e5e5 solid 1px; border-radius: 3px;  padding: 4px;}
.purchase_left dd{ width: 69%; margin: auto; height: 36px; overflow: hidden; line-height: 36px; font-size: 14px;color: #333;}
.purchase_left dd img{ line-height: 0; margin-top: -3px;}
.purchase_left dd:nth-child(2n+1){height: 24px; line-height: 24px; color: #f10215; padding-left: 32px;}
.purchase_left li{padding: 0 20px; font-size: 14px; color: #333333; line-height: 24px;margin-bottom: 10px;}
.purchase_left li:first-child{font-size: 14px; color: #333; font-weight: 600; line-height: 34px;margin-bottom: 0;}
.purchase_right{width: 908px; height: auto; overflow: hidden; border:#e5e5e5 solid 1px; border-radius: 2px; float: right;}
.purchase_right dl{ width: 100%; height: auto; overflow: hidden; padding-bottom: 10px;}
.purchase_right dt{ width: 100%; height: 36px; line-height: 36px; background: #f2f2f2; margin-bottom: 20px;}
.purchase_right dt .fl{ margin-left: 20px; font-size: 16px; color: #333;}
.purchase_right dt .fr{ margin-right: 20px; font-size: 12px;}
.purchase_right dd{ overflow: hidden; padding: 0 20px; margin-bottom: 24px;}
.purchase_right dd span{font-size: 14px;color: #333; width: 80px; height: 34px; line-height: 34px; overflow: hidden; float: left;}
.text{ height: 34px; border-radius: 3px; border: #ccc solid 1px; height: 32px; line-height: 32px; color: #333; font-size: 14px; width: 390px; padding-left: 20px;}
.purchase_right dd a{ width: 72px; height: 32px; display: block; float: left; line-height: 32px; text-align: center; font-size: 12px; color: #999; background: #f2f2f2; border-radius: 3px; border: #e0e0e0 solid 1px; margin-right: 20px;}
.purchase_right dd a.active{background: linear-gradient(90deg, #f45e6a, #f10215);
box-shadow: 0 4px 10px rgba(241,2,21,.25); color: #fff; border:#f10215 solid 1px; }
.d_right{width: 786px; border:#e0e0e0 solid 1px; float:left;}
.purchase_tit{overflow: hidden;width: 100%; height: 36px; line-height: 36px; background: #f2f2f2;}
.purchase_tit span{ text-align: center; font-size: 14px; color: #666666;}
.purchase_right li{ overflow: hidden; padding: 10px 0;}
.purchase_right li span{text-align: center; height: auto}
.purchase_right .s1{width: 162px;}
.purchase_right .s2, .purchase_right .s3{width: 100px;}
.purchase_right .s4{width: 210px}
.purchase_right .s5{width: 118px; }
.purchase_right .s6{width: 96px; line-height: 36px; font-size: 14px; color: #666666; }
.purchase_tit span i{color: #f10215;}
.purchase_right li span{ line-height: 0; height: 102px; position: relative;}
.purchase_right li span input{width: 62%; height: 32px; border: #ccc solid 1px; margin-top:34px;}
.purchase_right li span textarea{width: 80%; min-width: 80%; max-width: 80%; height: 78px; min-height: 78px; max-height: 78px; border: #ccc solid 1px; margin-top:11px;}
.purchase_right .s1 input{width: 77%}
.purchase_right .s5 em{display: block; width: 80px; height: 80px; margin:11px auto; background: #eee; position: relative}
.purchase_right .s5 em {overflow: hidden; text-align: center; font-size: 30px; line-height: 70px; text-align: center; font-size: 90px; color: #ccc;}
.purchase_right .s5 em input{position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin-top: 0;}
.purchase_right li span::before{position: absolute; z-index: 1; content: ''; width: 1px; height: 100%; right: 0; top: 0; background: #f0f0f0;}
.pu_add{font-size: 14px; color: #666; line-height: 32px;    width: 786px; height: auto;overflow: hidden;float: right; margin-top: 10px;}
.purchase_right .pu_add a{ background: none; color: #006699; border:0;font-size: 14px; width: auto}
.purchase_right li .s6{ line-height: 102px; cursor: pointer}
.purchase_right li span input.mon{text-align: center}
.purchase_right li .s2 input{text-align: center;}
.purchase_right .s5 em img{width: 100%; position: absolute; z-index: 1; top: 0; left: 0;}
/* 定制提交成功 */
.purchase_ok{width: 1190px;height: auto;margin: 0 auto;}
.purchase_ok img{display: block;width: 245px;height: 105px;margin: 0 auto 20px;}
.purchase_ok .p1{height: 20px;line-height: 20px;text-align: center;font-size: 18px;color: #333;margin-bottom: 20px;}
.purchase_ok .p2{height: 15px;line-height: 15px;text-align: center;font-size: 14px;color: #333;}